<div class="bg-dark p-2" style="--bs-bg-opacity: .75;">
    <div class="container">
        <div *ngIf="redis.currentUser" class="mt-4 float-end">
            <button type="button" class="btn btn-outline-light" routerLink="/home">
                <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-person-circle" viewBox="0 0 16 16">
                    <path d="M11 6a3 3 0 1 1-6 0 3 3 0 0 1 6 0z"/>
                    <path fill-rule="evenodd"
                          d="M0 8a8 8 0 1 1 16 0A8 8 0 0 1 0 8zm8-7a7 7 0 0 0-5.468 11.37C3.242 11.226 4.805 10 8 10s4.757 1.225 5.468 2.37A7 7 0 0 0 8 1z"/>
                </svg>
                {{redis.currentUser}}
            </button>
            &nbsp;
            <button type="button" class="btn btn-outline-light" (click)="logout()">Logout</button>
        </div>

        <h1 class=display-1>
            <svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" viewBox="0 0 611.999 611.999" width="64" height="64" fill="currentColor">
                <g>
                    <path d="M216.02,611.195c5.978,3.178,12.284-3.704,8.624-9.4c-19.866-30.919-38.678-82.947-8.706-149.952
                    c49.982-111.737,80.396-169.609,80.396-169.609s16.177,67.536,60.029,127.585c42.205,57.793,65.306,130.478,28.064,191.029
                    c-3.495,5.683,2.668,12.388,8.607,9.349c46.1-23.582,97.806-70.885,103.64-165.017c2.151-28.764-1.075-69.034-17.206-119.851
                    c-20.741-64.406-46.239-94.459-60.992-107.365c-4.413-3.861-11.276-0.439-10.914,5.413c4.299,69.494-21.845,87.129-36.726,47.386
                    c-5.943-15.874-9.409-43.33-9.409-76.766c0-55.665-16.15-112.967-51.755-159.531c-9.259-12.109-20.093-23.424-32.523-33.073
                    c-4.5-3.494-11.023,0.018-10.611,5.7c2.734,37.736,0.257,145.885-94.624,275.089c-86.029,119.851-52.693,211.896-40.864,236.826
                    C153.666,566.767,185.212,594.814,216.02,611.195z"/>
                </g>
            </svg>
            Redis<span class="text-primary">BBQ</span>
        </h1>
    </div>
</div>
<div class="container mt-3">
    <app-error-list [list]="redis.globalErrors"></app-error-list>
    <router-outlet></router-outlet>
</div>